<root_command>
    <css_command>
        <link rel='stylesheet' href='/common/plugins/select2/css/select2.css' id='dept_manage_04'></link>
        <link rel='stylesheet' href='/common/plugins/zTree_v3/css/bootstrapStyle/bootstrapStyle.css' id='dept_manage_02'></link>
        <link rel='stylesheet' href='/common/plugins/comboTree/css/tree.css' id='dept_manage_03'></link>
        <link rel='stylesheet' href='/common/plugins/treeSelect/treeSelect.css' id='dept_manage_05'></link>
        <link rel='stylesheet' href='/styles/css/pages/deptManager.css' id='dept_manage_01'></link>
    </css_command>
    <body_command>
        <div class='container'>
            <div class='row'>
                <div class='col-4'>
                    <div class='card'>
                        <div class='card-body'>
                            <div class='card-title'>
                               <input type='hidden' id='btnExecuteType' value=''></input>
                                <div class='btn-group' role='group' aria-label='Basic example'>
                                    <button type='button' class='btn btn-secondary btn-info' execute-type='insert' style='margin-right:20px;' data-toggle='modal' data-target='#insertDeptInfoModal'>添加</button>
                                    <button type='button' class='btn btn-secondary btn-warning'  execute-type='update' data-toggle='modal' data-target='#insertDeptInfoModal'>修改</button>
                                    <button type='button' class='btn btn-secondary btn-danger' id='delDeptBtn' style='margin-left:20px;' data-toggle='modal'  data-target='#deleteDeptInfoModal'>删除</button>
                                </div>
                            </div>
                            <div class='card-text' style='margin-top:60px;'>
                                <h5>部门列表</h5>
                                <small class='form-text text-danger' id='treeErrorMsg' style='display:none;'>最多输入50个汉字.</small>
                                <ul id='deptTreeData' class='ztree'></ul>
                            </div>        
                        </div>
                    </div>
                            
                </div>
                <div class='col-8'>
                    <div class='card'>
                        <div class='card-body'>
                            <h5 class='card-title'>基本信息</h5>
                            <p class='card-text'>
                                <form>
                                  <div class='form-row'>
                                  <input type='hidden' id='baseDeptId' value=''></input>
                                  <div class='form-group col-md-6'>
                                    <label for='deptName'>部门名称</label>
                                    <input type='text' class='form-control' id='deptName' max-length='50' aria-describedby='deptNameHelp' readonly = 'readonly'></input>
                                    <small id='deptNameHelp' class='form-text text-danger'>当前部门名称.</small>
                                  </div>
                                  <div class='form-group col-md-6'>
                                    <label for='parentDept'>上级部门</label>
                                    <input type='hidden' id='baseParentDeptId' value=''></input>
                                    <input type='text' class='form-control' id='parentDept' max-length='50' aria-describedby='parentDeptHelp' readonly = 'readonly'></input>
                                    <small id='parentDeptHelp' class='form-text text-danger'>当前部门的上级部门.</small>
                                  </div>
                                  </div>
                                  <div class='form-row'>
                                  <div class='form-group col-md-6'>
                                    <label for='deptLeaderRealName'>部门负责人姓名</label>
                                    <input type='text' class='form-control' id='deptLeaderRealName'  aria-describedby='deptLeaderRealNameHelp' readonly = 'readonly'></input>
                                    <small id='deptLeaderRealNameHelp' class='form-text text-danger'>当前部门的负责人姓名.</small>
                                  </div>
                                  <div class='form-group col-md-6'>
                                    <label for='deptLeaderTelPhone'>部门负责人电话</label>
                                    <input type='text' class='form-control' id='deptLeaderTelPhone'  readonly = 'readonly'></input>
                                    <small id='parentDeptHelp' class='form-text text-danger'>变更此项需要到[用户管理]下去查找对应的负责人的信息.</small>
                                  </div>
                                  </div>
                                  <div class='form-row'>
                                  <div class='form-group col-md-6'>
                                    <label for='deptLeaderPhone'>部门负责人手机</label>
                                    <input type='text' class='form-control' id='deptLeaderPhone' readonly = 'readonly'></input>
                                    <small id='parentDeptHelp' class='form-text text-danger'>变更此项需要到[用户管理]下去查找对应的负责人的信息.</small>
                                  </div>
                                  </div>
                                </form>
                            </p>        
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class='modal fade' id='insertDeptInfoModal' tabindex='-1' role='dialog' aria-labelledby='insertDeptInfoModalLabel' aria-hidden='true'>
            <div class='modal-dialog   modal-dialog-scrollable' role='document' >
                <div class='modal-content' id='insertDeptInfoModal_content' >
                    <div class='modal-header'>
                        <h5 class='modal-title' id='insertDeptInfoModalLabel'>增加部门信息</h5>
                        <button type='button' class='close' data-dismiss='modal' aria-label='关闭'>
                            <span aria-hidden='true'>&times;</span>
                        </button>
                    </div>
                    <div class='modal-body'>
                        <form>
                          <input type='hidden' id='deptId_insert' value=''></input>
                          <div class='form-group'>
                            <label for='deptName_insert'><i class='text-danger'>*</i>部门名称</label>
                            <input type='text' class='form-control' id='deptName_insert' max-length='50' aria-describedby='deptNameHelp_insert'></input>
                            <small id='deptNameHelp_insert' class='form-text text-muted'>请输入部门名称,最长输入50个字符。</small>
                          </div>
                              <div class='form-group'>
                                <label for='parentDept_insert'>上级部门</label>
                                <div class="treeSelect" id='parentDept_insert'></div>
                                <small class='form-text text-muted'>选择一项上级部门.</small>
                              </div>
                              <div class='form-group'>
                                <label for='deptLeaderRealName_insert'>部门负责人姓名</label>
                                <select id='deptLeaderRealName_insert'></select>
                                <small class='form-text text-muted'>选择一位当前部门的负责人.</small>
                              </div>
                          
                        </form>
                    </div>
                    <div class='modal-footer'>
                        <button type='button' class='btn btn-secondary' data-dismiss='modal'>关闭</button>
                        <button type='button' class='btn btn-primary' onclick='saveDeptInfo();'>保存信息</button>
                    </div>
                </div>
            </div>
        </div>
        
        <div class='modal fade' id='deleteDeptInfoModal' tabindex='-1' role='dialog' aria-labelledby='deleteDeptInfoModalLabel' aria-hidden='true'>
            <div class='modal-dialog' role='document' >
                <div class='modal-content' id='delDeptInfoModal_content' >
                    <div class='modal-header'>
                        <h5 class='modal-title' id='deleteDeptInfoModalLabel'>删除部门信息</h5>
                        <button type='button' class='close' data-dismiss='modal' aria-label='关闭'>
                            <span aria-hidden='true'>&times;</span>
                        </button>
                    </div>
                    <div class='modal-body'></div>
                    <div class='modal-footer'>
                        <button type='button' class='btn btn-secondary' data-dismiss='modal'>关闭</button>
                        <button type='button' class='btn btn-primary' onclick='confirmDelInfo();'>确认删除</button>
                    </div>
                </div>
            </div>
        </div>
    </body_command>
<script_command>
<script type='text/javascript' src='/common/plugins/zTree_v3/js/jquery.ztree.core.min.js' id='dept_manage_js_01'></script>
<script type='text/javascript' src='/common/plugins/zTree_v3/js/jquery.ztree.excheck.min.js'  id='dept_manage_js_02'></script>
<script type='text/javascript' src='/common/plugins/zTree_v3/js/jquery.ztree.exedit.min.js'   id='dept_manage_js_03'></script>
<script type='text/javascript' src='/common/plugins/zTree_v3/js/jquery.ztree.exhide.min.js'   id='dept_manage_js_04'></script>
<script type='text/javascript' src='/common/plugins/comboTree/js/comboTreePlugin.js'   id='dept_manage_js_05'></script>
<script type='text/javascript' src='/common/plugins/select2/js/select2.js'   id='dept_manage_js_06'></script>
<script type='text/javascript' src='/common/plugins/select2/js/select-ztree.js'   id='dept_manage_js_07'></script>
<script type='text/javascript' src='/common/plugins/zTree_v3/js/ztree-search.js'   id='dept_manage_js_08'></script>
<script type='text/javascript' src='/common/plugins/treeSelect/treeSelect.js'   id='dept_manage_js_10'></script>
<script type='text/javascript' src='/styles/js/page/deptManage.js'  id='dept_manage_js_09'></script>
</script_command>
</root_command>